﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
    <!--图标库 可无视-->
    <link rel='stylesheet' href='/css/font-awesome.min.css'>
    <!--核心样式-->
    <link rel="stylesheet" href="/css/style.css">

</head>
<body>

<div class="container">
    <div class="card"></div>
    <div class="card">
        <h1 class="title">用户登录</h1>
        <div class="input-container">
            <label for="num"></label><input type="text" name="num" id="num" required="required"/>
            <label>学工号</label>
            <div class="bar"></div>
        </div>

        <div class="input-container">
            <label for="password"></label><input type="password" name="password" id="password" required="required"/>
            <label>密码</label>
            <div class="bar"></div>
        </div>

        <div style="text-align: center">
            <label>
                <input type="radio" name="loginPosition" value="student" checked>
            </label>学生
            <label>
                <input type="radio" name="loginPosition" value="teacher">
            </label>教师
            <label>
                <input type="radio" name="loginPosition" value="admin">
            </label>管理员
        </div>

        <div class="button-container" style="margin-top: 50px">
            <button type="button" id="btn"><span>登录</span></button>
        </div>
        <div><p style="color: red;text-align: center" id="err_msg"></p></div>
    </div>


</div>

<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="/js/login.js"></script>
</body>
</html>

